<template>
	<div>
		<el-card class="!border-none" shadow="never">
			<el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#FFB400','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="订单编号" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>32000</span>
					</template>
				</el-table-column>
				<el-table-column label="工序编号" prop="超级好吃的巧克力" align="center"  />
				<el-table-column label="类型" prop="上海AAAA有限公司" align="center" />
				<el-table-column label="节点名称" prop="王小明" align="center" />
				<el-table-column label="创建时间" prop="王小明" align="center" />
				<el-table-column label="操作" prop="王小明" align="center">
					<template #default="{ row }">
						<el-button type="primary" link >
							<router-link :to="{
							        path: getRoutePath('saleOrder.saleOrder/ProductionRecordsDetail'),
							        query: {
							            id: '1'
							        }
							    }">
								<span class="main-color1">详情</span>
							</router-link>
						</el-button>
					</template>
				</el-table-column>
			</el-table>
		</el-card>
	</div>
</template>

<script lang="ts" setup>
	import { getRoutePath } from '@/router'
	const lists = ref<Array<any>>([
		{}, {}, {}
	])
</script>

<style>
</style>